<template>
    <div class="box">
        <div class="box-child">
            <loginLeft></loginLeft>
            <loginRight></loginRight>
        </div>
    </div>
</template>

<script>
    import loginLeft from '../components/loginLeft.vue' 
    import loginRight from '../components/loginRight.vue' 

    export default {
        components:{
            loginLeft,
            loginRight
        }
    }
</script>

<style scoped>
    .box{
        height: 100vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(/hua.jpg);
        background-size: 100%;
    }
    .box-child{
        width: 855px;
        height: 508px;
        border: 1px solid gray;
        overflow: hidden;
        border-radius: 5%;
        display: flex;
    }
    .box-child>div{
        flex: 1;
    }
</style>